import React, { Component } from 'react'
import {
  withRouter
} from 'react-router-dom'
class Kind extends Component {
  toDetail (proid) {
    this.props.history.push('/detail/' + proid)
  }
  render() {
    console.log(this.props)
    return (
      <div className="box">
          <header className="header">
            <ul>
              <li>左</li>
              <li>分类</li>
              <li></li>
            </ul>
          </header>
          <div className="content">
            <ul>
              <li onClick = { this.toDetail.bind(this, '1') }>11111</li>
              <li onClick = { this.toDetail.bind(this, '2') }>22222</li>
              <li onClick = { this.toDetail.bind(this, '3') }>33333</li>
              <li onClick = { this.toDetail.bind(this, '4') }>44444</li>
              <li onClick = { this.toDetail.bind(this, '5') }>55555</li>
              <li onClick = { this.toDetail.bind(this, '6') }>66666</li>
            </ul>
          </div>
        </div>
    )
  }
}
export default withRouter(Kind)
